<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- head start -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="copyright" content="Copyright (c) IBM Corporation and others 2012, 2019." >
		<meta http-equiv="Content-Language" content="en-us">
		<link rel="icon" href="../images/initproject.png" type="image/png">
		<title>Settings</title>
		<link rel="stylesheet" type="text/css" href="settings.css"/>
		<script src="../orion/requireErrorHandler.js"></script>
		<script src="../requirejs/require.js"></script>
		<script>
			/*eslint-env browser, amd*/
			require(["../orion/require-config.js"], function(config){
				function load() {
					require(["settings/settings"], null, self.errback);
				}
				require.config({config: {"orion/splash": {splashID: "Settings"}}});
				require(["orion/splash"], load, load);
			}, self.errback);
		</script>
		<!-- head end -->
	</head>
	
	<body id="orion-settings" class="orionPage lightPage">
		<nav id="sideMenu" class="sideMenu"></nav>
		<div id="pageContent" class="content-fixedHeight">
			<div id="sideMenuToggle" class="sideMenuToggle"></div>
			<section id="pageToolbar" class="mainToolbar toolComposite toolbarLayout"></section>
			<div id="innerPanels" class="innerPanels">
				<nav id="auxpane" class="auxpane sidePanelLayout hasSplit" aria-labelledby="categoriesTitle">
					<div class="fixedToolbarHolder">
						<div id="sidebarToolbar" class="sidebarToolbar mainToolbar toolComposite toolbarLayout"></div>
						<div id="categoriesTitle" class="categoriesTitle"></div>
						<div id="categoriesContainer" class="toolbarTarget categoriesContainer toolbarTarget-toolbarHidden"></div>
					</div>
				</nav>
				<div class="split splitLayout settingsSplitLayout" style="left: 300px;"></div>
				<main id="rightPane" class="mainpane mainPanelLayout hasSplit">
					<div class="fixedToolbarHolder">
						<div id="settings" role="tabpanel" class="toolbarTarget workingTarget toolbarTarget-toolbarHidden">
						</div>
					</div>
				</main>
			</div>
			<div class="footer-fixed-bottom footer" id="footer"></div>
		</div>
		<div id="splash" class="splash">
			<div id="splashContainer" class="splashContainer">
				<div class="splashLoadingImage initial"></div>
			</div>
		</div>
		<script>
				var themeVal = localStorage.getItem("pageTheme");
				if (themeVal && typeof themeVal === "string" || themeVal instanceof String && themeVal.length > 0) {
					themeVal.split(" ").forEach(function(clazz) {
						if (!document.body.classList.contains(clazz)) {
							document.body.classList.add(clazz);
						}
					});
				}
		</script>
	</body>
</html>
